﻿/* floats
    ----------------------------------------------------------*/
.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

/* backgrounds
    ----------------------------------------------------------*/
.bg-white {
    background: #fff;
}

.bg-grey {
    background: #c7d1d6 100% 100% repeat-x;
}

.bg-red {
    background: #ff0000 100% 100% repeat-x;
}

.bg-gradient {
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#FBFBFB),color-stop(0.5,#E1E1E1),color-stop(1,#C8C8C8));
}

/* heights
    ----------------------------------------------------------*/
.height-10 {
    height: 10px;
}

.height-20 {
    height: 20px;
}

.height-22 {
    height: 22px;
}

.height-25 {
    height: 20px;
}

.height-35 {
    height: 35px;
}

.height-48 {
    height: 48px;
}

.height-50 {
    height: 50px;
}

.height-60 {
    height: 60px;
}

.height-72 {
    height: 72px;
}

.height-full {
    height: 100%;
}

.height-90 {
    height: 90px;
}

.height-100 {
    height:  100px;
}

.height-130 {
    height: 130px;
}

.height-200 {
    height: 200px;
}

.height-1000 {
    height: 1000px;
}

/* widths
    ----------------------------------------------------------*/
.width-full {
    width: 100%;
}

.width-10 {
    width: 10px;
}

.width-22 {
    width: 22px;
}

.width-25 {
    width: 25px;
}

.width-35 {
    width: 35px;
}

.width-48 {
    width: 48px;
}

.width-50 {
    width: 50px;
}

.width-60 {
    width: 60px;
}

.width-72 {
    width: 72px;
}

.width-100 {
    width: 100px;
}

.width-120 {
    width: 120px;
}

.width-150 {
    width: 150px;
}

.width-200 {
    width: 200px;
}

.width-250 {
    width: 250px;
}

.width-300 {
    width: 300px;
}

.width-1000 {
    width: 1000px;
}

/* overflow
    ----------------------------------------------------------*/
.overflow-hidden {
    overflow: hidden;
}

.overflow-scroll {
    overflow: scroll;
}

.overflow-auto {
    overflow: auto;
}

/* margins
    ----------------------------------------------------------*/
.margin-r100 {
    margin-right: 100px;
}

.margin-l100 {
    margin-left: 100px;
}

.margin-l-100 {
    margin-left: -100px;
}

.margin-no {
    margin: 0px;
}

.margin-5 {
    margin: 5px;
}

.margin-l5 {
    margin-left: 5px;
}

.margin-r5 {
    margin-right: 5px;
}

.margin-b50 {
    margin-bottom: 50px;
}

.margin-b100 {
    margin-bottom: 100px;
}

.margin-l-1 {
    margin-left: -1px;
}

.margin-v2 {
    margin-top: 2px;
    margin-bottom: 2px;
}

.margin-t10 {
    margin-top: 10px;
}

.margin-t50 {
    margin-top: 50px;
}

.margin-auto {
    margin: auto;
}

/* paddings
    ----------------------------------------------------------*/
.padding-no {
    padding: 0px;
}

.padding-20 {
    padding: 20px;
}

.padding-r100 {
    padding-right: 100px;
}

.padding-5 {
    padding: 5px;
}

.padding-l5 {
    padding-left: 5px;
}

.padding-l10 {
    padding-left: 10px;
}

.padding-l15 {
    padding-left: 15px;
}

.padding-r5 {
    padding-right: 5px;
}

.padding-v5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.padding-b0 {
    padding-bottom: 0px;
}

.padding-b22 {
    padding-bottom: 22px;
}

.padding-b50 {
    padding-bottom: 50px;
}

.padding-t5 {
    padding-top: 5px;
}

.padding-t10 {
    padding-top: 10px;
}

.padding-t15 {
    padding-top: 15px;
}

.padding-t20 {
    padding-top: 20px;
}

.padding-t50 {
    padding-top: 50px;
}

.padding-v20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

/* displays
    ----------------------------------------------------------*/
.display-inline {
    display: inline
}

.display-inlineblock {
    display: inline-block;
}

/* positions
    ----------------------------------------------------------*/
.position-absolute-r100 {
    position: absolute;
    right: 100px;
    left: 0px;
}

/* borders
    ----------------------------------------------------------*/
.border-no {
    border: 0px solid black;
}

.border-1 {
    border: 1px solid grey;
}

.border-2 {
    border: 2px solid black;
}

/* lists
    ----------------------------------------------------------*/
.list-none {
    list-style: none;
}

/* positioning
    ----------------------------------------------------------*/
.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}